<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>桂林山水风景图片</title>
</head>
<link type="text/css" rel="stylesheet" href="../static/css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="../static/css/main.css">
<script type="text/javascript" src="../static/js/bootstrap.js"></script>
<script type="text/javascript" src="../static/js/jquery-3.6.0.min.js"></script>
<body>
<div class="container main">
    <div id="head"></div>
    <script type="text/javascript">
        $("#head").load("../common/head.html");
    </script>
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <h2 style="color: red">桂林山水风景图片</h2>
            </div>
            <div class="col-12">
                <ul class="page_three_ul">
                    <ol>
                        <div class="float-left text-center page_three_ol_div">
                            <a href="../static/img/image31.jpg" target="img">
                                <img src="../static/img/image31.jpg" width="100px" height="100px" alt="桂林山水1"></a>
                            <a href="../static/img/image31.jpg" target="img">桂林山水1</a>
                        </div>
                    </ol>
                    <ol>
                        <div class="float-left text-center page_three_ol_div">
                            <a href="../static/img/image32.jpg" target="img">
                                <img src="../static/img/image32.jpg" width="100px" height="100px" alt="桂林山水2"></a>
                            <a href="../static/img/image32.jpg" target="img">桂林山水2</a>
                        </div>
                    </ol>
                    <ol>
                        <div class="float-left text-center page_three_ol_div">
                            <a href="../static/img/image33.jpg" target="img">
                                <img src="../static/img/image33.jpg" width="100px" height="100px" alt="桂林山水3"></a>
                            <a href="../static/img/image33.jpg" target="img">桂林山水3</a>
                        </div>
                    </ol>
                    <ol>
                        <div class="float-left text-center page_three_ol_div">
                            <a href="../static/img/image34.jpg" target="img">
                                <img src="../static/img/image34.jpg" width="100px" height="100px" alt="桂林山水4"></a>
                            <a href="../static/img/image34.jpg" target="img">桂林山水4</a>
                        </div>
                    </ol>
                </ul>
            </div>
            <div class="col-12 text-center">
                <iframe class="" frameborder="0" width="210" height="160" name="img"></iframe>
            </div>
        </div>
    </div>
</div>
</body>
</html>